<template>
  <div>
    <span>
      {{ title }} : {{ total }}
    </span>
    <!-- miniChart -->
    <div>
      <mini-smooth-area :style="{ height: '45px' }" :dataSource="dataSource" :scale="scale" />
    </div>
  </div>
</template>

<script>
import {
  NumberInfo,
  MiniSmoothArea
} from '@/components'
export default {
  name: 'CountSmooth',
  components: {
    NumberInfo,
    MiniSmoothArea
  },
  props: {
    title: {
      type: String,
      required: true
    },
    dataSource: {
      type: Array,
      required: true
    },
    scale: {
      type: Array,
      required: true
    },
    total: {
      type: Number,
      default: 0
    }
  }
}
</script>
